<template>
  <block>
    <svg
      v-if="agreed"
      class="cursor-pointer"
      xmlns="http://www.w3.org/2000/svg"
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none">
      <rect x="2" y="2" width="16" height="16" rx="2" fill="#52C41A" stroke="#52C41A" />
      <path
        d="M5 10L8 13L15 6"
        stroke="white"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round" />
    </svg>
    <svg
      v-else
      class="cursor-pointer"
      xmlns="http://www.w3.org/2000/svg"
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none">
      <rect x="2" y="2" width="16" height="16" rx="2" fill="#F4F5F7" stroke="#CBCBCB" />
    </svg>
  </block>
</template>

<script lang="ts" setup>
  import { defineProps } from 'vue';
  const props = defineProps({
    agreed: { type: Boolean, default: false },
  });
</script>

<style scoped lang="scss"></style>
